<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="css/commom.css">
    <link rel="stylesheet" href="css/history.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 头部制作start -->
    <header class="header">
        <div class="logo"><a href="#"><img
                    src="https://vm.gtimg.cn/tencentvideo/vstyle/web/v6/style/img/common/sprite_head_logo.svg"
                    alt=""></a>
        </div>
        <div class="fenlei">
            <ul>
                <li><a href="#">精选</a></li>
                <li><a href="#">电视剧</a></li>
                <li><a href="#">电影</a></li>
                <li><a href="#">综艺</a></li>
                <li><a href="#">动漫</a></li>
                <li><a href="#">少儿</a></li>
                <li><a href="#">全部</a></li>
                <span></span>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="你是我的荣耀" class="search-text" style="background-color:rgba(255,255,255,.95)">
            <div class="search-hot"><a href="#">热搜榜</a></div>
            <button class="search-bt" type="submit"><a href="#">全网搜</a></button>
        </div>
        <div class="yonghu">
            <a href="#"><span class="one"></span></a>
            <a href="#"><span class="two "></span></a>

            <a href="#" data-toggle="tooltip" title="开启创作号"><span class="three"></span></a>
            <a href="#"><span class="four"></span></a>
            <a href="#"><span class="five"></span></a>

        </div>
    </header>
    <!-- 头部制作end -->
    <!-- 主体制作start -->
    <div class="body w">
        <div class="body-left">
            <div class="user"><img src="images/user.png" alt=""></div>
            <div class="user-list">
                <a href="#"><span style="color: #ff5c38;"></span>观看历史</a>
                <a href="#"><span></span>收藏</a>
                <a href="#"><span></span>订阅</a>
                <a href="#"><span></span>我的doki</a>
                <a href="#"><span></span>评论</a>
                <a href="#"><span></span>消息</a>
                <a href="#"><span></span>VIP会员</a>
                <a href="#"><span></span>我的钻石</a>
                <a href="#"><span></span>账号设置</a>
            </div>
        </div>
        <div class="body-right">
            <div class="empty">
                <img src="images/empty.png" alt="">
                <span>你还没有任何观看记录,不如试试这些专属推荐</span>
            </div>
            <div class="item">
                <h3>好友都在追的剧</h3>
                <div class="ju">
                    <div class="ju-list"><a href="#"><img src="images/item1.png" alt="">
                            <h4>斛珠夫人</h4>
                            <p>杨幂陈伟霆破命运相恋</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item.png" alt="">
                            <h4>当家主母</h4>
                            <p>蒋勤勤深宅大院爱恨纠缠</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item3.png" alt="">
                            <h4>陪你逐风飞翔</h4>
                            <p>宋祖儿王安宇冬日甜恋</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item4.png" alt="">
                            <h4>嘉南传</h4>
                            <p>鞠婧祎曾舜晞郡主爱上侍卫</p>
                        </a>
                    </div>

                </div>
            </div>
            <div class="item">
                <h3>大家都赞的电影</h3>
                <div class="ju">
                    <div class="ju-list"><a href="#"><img src="images/item5.png" alt="">
                            <h4>寻龙诀之发丘天棺</h4>
                            <p>万年古墓惊现食人巨蛇</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item6.png" alt="">
                            <h4>巨兽岛</h4>
                            <p>王者争霸！谁是怪兽一哥？</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item7.png" alt="">
                            <h4>保安日记</h4>
                            <p>宋晓峰爆笑护宝擒贼王</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item8.png" alt="">
                            <h4>哈利·波特与魔法石</h4>
                            <p>格兰芬多铁三角组合萌翻了</p>
                        </a>
                    </div>

                </div>
            </div>
            <div class="item">
                <h3>下饭必备的综艺</h3>
                <div class="ju">
                    <div class="ju-list"><a href="#"><img src="images/item9.png" alt="">
                            <h4>斛珠夫人</h4>
                            <p>杨幂陈伟霆破命运相恋</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item10.png" alt="">
                            <h4>当家主母</h4>
                            <p>蒋勤勤深宅大院爱恨纠缠</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item11.png" alt="">
                            <h4>陪你逐风飞翔</h4>
                            <p>宋祖儿王安宇冬日甜恋</p>
                        </a>
                    </div>
                    <div class="ju-list"><a href="#"><img src="images/item12.png" alt="">
                            <h4>嘉南传</h4>
                            <p>鞠婧祎曾舜晞郡主爱上侍卫</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 主题制作end -->
    <!-- 尾部制作start -->
    <footer>
        <div class="line">
            <hr size="3px" color="#ff5c38">
        </div>
        <div class="footer w">
            <!-- 1、links部分 -->
            <div class="links1">
                <div class="fh">
                    <h4>热门频道</h4>
                </div>
                <div class="fd">
                    <ul>
                        <li><a href="#">电视剧</a></li>
                        <li><a href="#">综艺</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">NBA</a></li>
                        <li><a href="#">搞笑</a></li>
                        <li><a href="#">音乐</a></li>
                        <li><a href="#">娱乐</a></li>
                        <li><a href="#">动漫</a></li>
                        <li><a href="#">游戏</a></li>
                        <li><a href="#">VIP影院</a></li>
                        <li><a href="#">海外剧</a></li>
                        <li><a href="#">纪录片</a></li>
                        <li><a href="#">新闻</a></li>
                        <li><a href="#">生活</a></li>
                        <li><a href="#">体育</a></li>
                    </ul>
                </div>
            </div>
            <div class="links2">
                <dl>
                    <dt>特色推荐</dt>
                    <dd><a href="#">自制推荐</a></dd>
                    <dd><a href="#">杀毒软件</a></dd>
                </dl>
            </div>
            <div class="links3">
                <h4>软件下载</h4>
                <div class="icon">
                    <span><a href="https://v.qq.com/biu/download#iPhone" target="_blank"></a></span>
                    <p>手机版</p>
                </div>
                <div class="icon">
                    <span><a href="https://v.qq.com/biu/download#Windows" target="_blank"></a></span>
                    <p>Windows版</p>
                </div>
                <div class="icon">
                    <span><a href="https://v.qq.com/biu/download#Mac" target="_blank"></a></span>
                    <P>Mac版</P>
                </div>
                <div class="icon">
                    <span><a href="https://v.qq.com/biu/download#Pad" target="_blank"></a></span>
                    <p>iPad版</p>
                </div>
                <div class="icon">
                    <span><a href="https://v.qq.com/biu/download#TV" target="_blank"></a></span>
                    <p>TV版</p>
                </div>
            </div>
            <div class="links4">
                <dl>
                    <dt>服务</dt>
                    <dd><a href="#">客服</a></dd>
                    <dd><a href="#">反馈</a></dd>
                    <dd><a href="#">侵权投诉</a></dd>
                    <dd><a href="#">免广告合作</a></dd>
                    <dd><a href="#">vip采购</a></dd>

                </dl>
            </div>
        </div>
        <!-- 2、声明部分部分 -->
        <div class="speak ">
            <p>粤网文[2017]6138-1456号 | 网络视听许可证1904073号 | 增值电信业务经营许可证：粤B2-20090059 | 粤公网安备 44030002000001号</p>
            <p>关于腾讯 | About Tencent | 服务条款 | 广告服务 | 腾讯招聘 | 客服中心 | 网站导航</p>
            <p>Copyright © 1998 - 2021 Tencent. All Rights Reserved.</p>
            <p>腾讯公司 版权所有</p>
        </div>
        <div class="img ">
            <a href="#"><img src="images/footer.png" alt=""></a>
        </div>
    </footer>
    <!-- 尾部制作end -->
</body>

</html>